﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:my="clr-namespace:Blokus" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing" xmlns:ee="http://schemas.microsoft.com/expression/2010/effects" x:Class="Blokus.MainPage"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="1024">
    <!--  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"-->

    <Grid x:Name="LayoutRoot" Background="{StaticResource ApplicationBackgroundColorBrush}" >
    	<ScrollViewer HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Height="Auto" Width="Auto" HorizontalScrollBarVisibility="Auto" KeyDown="ScrollViewer_KeyEvent" KeyUp="ScrollViewer_KeyEvent">
	        <Grid x:Name="board" Visibility="Visible" Height="Auto" >
	            <Grid.ColumnDefinitions>
	                <ColumnDefinition Width="250"/>                
	                <ColumnDefinition Width="400"/>
	                <ColumnDefinition Width="250"/>
	                <ColumnDefinition Width="*" />
	            </Grid.ColumnDefinitions>
	            
	            <my:TileWell HorizontalAlignment="Left" Margin="5,5,0,0" x:Name="tileWell1" VerticalAlignment="Top" Height="Auto"  Width="245" Color="Purple" TileSize="10" PlayerNumber="0" />
	            <my:GameBoard Grid.Column="1"  Margin="71,193,29,0" x:Name="gameBoard1" Width="300" Height="300" VerticalAlignment="Top" />	           			
	            <my:TileWell Grid.Column="2" HorizontalAlignment="Left" Margin="5,5,0,0" x:Name="tileWell2" VerticalAlignment="Top" Height="Auto"  Width="245" Color="Orange" TileSize="10" PlayerNumber="1"/>

	            <Grid Grid.Column="1" Margin="0,654,0,0" Height="63" VerticalAlignment="Top" HorizontalAlignment="Right" Width="375">
					
	                <Canvas Margin="127,-8,98,8">
	            		<Rectangle Height="45" Stroke="#FFF7EDED" Canvas.Top="16" Width="171"/>
	                	<TextBlock TextWrapping="Wrap" Text="Controls:" Foreground="White" TextDecorations="Underline" Canvas.Top="3"/>
	                
	                	<TextBlock TextWrapping="Wrap" Text=" - Rotate" VerticalAlignment="Top" Foreground="#FFFBF9F9" Canvas.Left="20" Canvas.Top="30" />
	                	<ed:BlockArrow Fill="#FFF4F4F5" Orientation="Up" Stroke="Black" UseLayoutRounding="False" Width="15.5" Height="16.5" Canvas.Top="19.667" Canvas.Left="4"/>
	                	<ed:BlockArrow Fill="#FFF4F4F5" Orientation="Down" Stroke="Black" UseLayoutRounding="False" Width="15.5" Height="16.5" RenderTransformOrigin="0.484,1.212" Canvas.Top="40.167" Canvas.Left="4"/>
					
	                	<TextBlock TextWrapping="Wrap" Text=" - Flip" VerticalAlignment="Top" Foreground="#FFFBF9F9" Canvas.Left="135" Canvas.Top="30" />
	                	<ed:BlockArrow Fill="#FFF4F4F5" Orientation="Right" Stroke="Black" UseLayoutRounding="False" Width="15.5" RenderTransformOrigin="3.333,0.707" Height="16.5" Canvas.Left="115.167" Canvas.Top="29.667"/>
	                	<ed:BlockArrow Fill="#FFF4F4F5" Orientation="Left" Stroke="Black" UseLayoutRounding="False" Width="15.5" Height="16.5" RenderTransformOrigin="0.484,1.212" Canvas.Left="95.667" Canvas.Top="29.167"/>
					
	            	</Canvas>
					
	            	<Button  HorizontalAlignment="Left"  VerticalAlignment="Top" Click="HelpButton_Click" x:Name="HelpButton" Height="42" Margin="304,11,0,0" Width="39" >
	            		<Image Source="Image5.png" />
					</Button>
	            	<Button Content="Restart"  Width="75" Margin="46,21,0,0" HorizontalAlignment="Left" Click="RestartButton_Click" Height="22" VerticalAlignment="Top" />
	            	
	            </Grid>
	        </Grid>
		</ScrollViewer>
    	
        
       
    </Grid>

   
</UserControl>
